<template>
  <div class="centerSprite">
    <div id="header">
      <Header />
    </div>
    <div class="centerList">
      <HeaderSide />
      <div class="container">
        <p class="breadClum">
          <a href="" >新闻>></a>
          <a href="">中央精神</a>
        </p>
        <div class="videoWrap">
          <div class="videoTitleWrap">
            <p class="videoTitle">
              开篇
            </p>
            <p>
              <span>2018年10月16日08:35          </span>
              <span> 来源：人民网－人民日报</span>
            </p>
            <div class="video" id="video">
              <video
                controls
                src="http://pc5hsiop1.bkt.clouddn.com/051%20%E8%BF%90%E5%8A%A8%E9%9E%8B%E6%B5%B7%E6%8A%A5.mp4"></video>
            </div>
          </div>


        </div>
    </div>
    <div id="footer">
      <Footer />
    </div>
  </div>
  </div>
</template>

<script>
  import header from  '../components/header.vue'
  import footer from '../components/footer.vue'
  import headerSide from '../components/side.vue'
  export default({
    data(){
      return {

      }
    },
    computed:{

    },
    components:{
      Header:header,
      Footer:footer,
      HeaderSide:headerSide
    }
  })
</script>
<style   >

  .breadClum a{
    font-size:16px;
    color:#6d6d6d;
  }
  .headerSide .container{
    overflow: hidden;
  }
  .centerList{
    background-image:url("../../static/images/list.jpg");
    background-position: center;
    background-repeat: no-repeat;
    height: 1150px;
    /*margin-top: -156px;*/
  }
  /*.headerSide .container  ul{*/
    /*background: rgba(0,0,0,0.4) !important; ;*/
  /*}*/
  /*.headerSide .container ul li.first{*/
    /*font-size: 36px;*/
    /*color: red !important;*/
  /*}*/
  /*.headerSide .container ul li.first a{*/
    /*font-size: 36px;*/
  /*}*/
  .videoTitleWrap{
      padding-top: 55px;
    text-align: center;
  }
  .videoTitleWrap .videoTitle{
    font-size: 28px;
    color:#000000 ;
    font-weight:Bold

  }
  .centerList .container{
    height: auto !important;
  }
  .videoTitleWrap p span:nth-child(1){
    margin-right: 50px;
  }
  .video{
    margin-top: 60px;
    margin-bottom: 120px;
  }
  .video video{
    width: 975px;
    height: 546px;
    margin: 0 auto;
  }
</style>
